<template>
	<div id="">
		<van-row>
			<van-col span="2" offset="1">
				<van-icon name="arrow-left" size="30" @click="icon" class="icon" />
			</van-col>
			<van-col span="21" >
				<p class="texts">{{name}}</p>
			</van-col>
		</van-row>
		<van-row style="margin-left: 6px;display: flex;flex-wrap: wrap;">
			<van-col span="10" style="height: 18.75rem;margin-left: 20px;margin-top: 20px;">
				<van-image width="100%" height="65%" :radius="5" :lazy-load="true" src="https://img01.yzcdn.cn/vant/cat.jpeg" />
				<van-row>
					<van-col span="24">
						<h3
							style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 6vh;text-align: center;">
							1111111
						</h3>
					</van-col>
					<van-col span="24">
						<h2 style="color: #FF0000;">￥1111111</h2>
					</van-col>
					<van-col span="24" style="font-size: 16px;color: #656;">
						333333万人
					</van-col>
				</van-row>
			</van-col>
			<van-col span="10" style="height: 18.75rem;margin-left: 20px;margin-top: 20px;">
				<van-image width="100%" height="65%" :radius="5" :lazy-load="true" src="https://img01.yzcdn.cn/vant/cat.jpeg" />
				<van-row>
					<van-col span="24">
						<h3
							style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 6vh;text-align: center;">
							1111111
						</h3>
					</van-col>
					<van-col span="24">
						<h2 style="color: #FF0000;">￥1111111</h2>
					</van-col>
					<van-col span="24" style="font-size: 16px;color: #656;">
						333333万人
					</van-col>
				</van-row>
			</van-col>
		</van-row>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				name:''
			}
		},
		created() {
			this.name = this.$route.query.name
			console.log(this.$route.query)
		},
		methods:{
			icon(){
				this.$router.push('/')
			}
		}
	}
</script>

<style>
	.texts{
		width: 100%;
		height: 2.8125rem;
		padding-left: 35%;
		font-size: 25px;
		line-height: 65px;
	}
</style>
